﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Top.aspx.cs" Inherits="DCCMS.Web.Admin.Top" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:url(css/images/gloable.gif) repeat-x;
}
.tabtext
{
	color: #FFFFFF;
   /* background:#efefef;*/
   background:url(css/images/gloable.gif) repeat-x 0px -54px;
}  
.tabtext a
{ 
   color:#5F87BD;
   text-decoration:none;
   font-weight:bold;
   
}
.tabtextSelected 
{
   color: #FFFFFF;
   background:#4279BD;
  
}
.tabtextSelected a
{
   color:#fff;
   text-decoration:none;
   font-weight:bold;
}

.table
{
	margin-top:28px;!important; margin-top:42px;* margin-top:39px;
	overflow:hidden;   
}
.logoDiv
{
	position:absolute;
	left:10px;
	top:20px;
	width:270px;
}
.LoginUser
{
   font-size:12px;
   float:left;
   position:relative;
   color:#4279BD;
   font-weight:bold;
   background:url(css/images/usericon.gif) no-repeat;  
   padding-left:15px;
   padding-right:50px;
   
}
.Logout
{
	font-size:12px;
	background:url(css/images/logouticon.gif) no-repeat;
	color:#4279BD;
	text-decoration:none;   
	padding-left:18px;  
	font-weight:bold;
}
</style>
    <script src="JS/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            var urls = ["",
				"",
				"",
			   "",
				"",
				"",
				""
	];

            // $(window.parent.frames["contentFrame"])[0].location.href=urls[0];
            $("#tbMenu").find("a").each(function (index) {
                $(this).click(function () {
                    $("#tbMenu").find("td.tabtextSelected").removeClass().addClass("tabtext");
                    $(this).parent("td").removeClass().addClass("tabtextSelected");
                    $(window.parent.frames["contentFrame"])[0].location.href = urls[index];

                });
            });

            $("#lbtnLogout").click(function () {
                return confirm('Are you sure to logout?');
            });
        });
    </script>
</head>
<body class="top">
    <form id="form1" runat="server">
    <div class="logoDiv">
        <div>
            <img src="Css/logo.png" alt="" height="32"/>
        </div>
        <div>
            <asp:Label ID="lblUser" runat="server" Text="" CssClass="LoginUser"></asp:Label>
            <asp:LinkButton ID="lbtnLogout" runat="server" CssClass="Logout">Logout</asp:LinkButton></div>
    </div>
    <div>
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="table">
            <tr>
                <td valign="middle">
                    <div style="width: 287px;">
                        &nbsp;</div>
                </td>
                <td align="left" valign="bottom">
                    <table width="500" border="0" cellpadding="4" cellspacing="0" id="tbMenu">
                        <tr align="center">
                            <td class="tabtextSelected" nowrap>
                                <a href="LeftMenu.aspx?id=1" target="leftFrame">Contact Us</a>
                            </td>
                            <td width="1">
                            </td>
                            <td class="tabtext" nowrap>
                                <a href="LeftMenu.aspx?id=2" target="leftFrame">My Account</a>
                            </td>
                            <td width="1">
                            </td>
                            <td class="tabtext" nowrap>
                                <a href="LeftMenu.aspx?id=3" target="leftFrame">Product</a>
                            </td>
                            <td width="1">
                            </td>
                            <td class="tabtext" nowrap>
                                <a href="LeftMenu.aspx?id=4" target="leftFrame">Specials</a>
                            </td>
                            <td width="1">
                            </td>
                            <td class="tabtext" nowrap>
                                <a href="LeftMenu.aspx?id=5" target="leftFrame">Template</a>
                            </td>
                            <td width="1">
                            </td>
                            <td class="tabtext" nowrap>
                                <a href="LeftMenu.aspx?id=6" target="leftFrame">About Us</a>
                            </td>
                            <td width="1">
                            </td>
                            <td class="tabtext" nowrap>
                                <a href="LeftMenu.aspx?id=7" target="leftFrame">System</a>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr bgcolor="#4279BD">
                <td height="3" colspan="2">
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>
